<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Access-School</title>

<link rel="stylesheet" href="<?php echo base_url();?>css/screen.css" type="text/css" media="screen" title="default" />

<script src="<?php echo base_url();?>js/jquery/jquery-1.9.1.js" type="text/javascript"></script>
<script src="<?php echo base_url();?>js/jquery/jquery.maskMoney.js" type="text/javascript"></script>
<script src="<?php echo base_url();?>js/jquery/jquery.maskedinput.min.js" type="text/javascript"></script>
<script src="<?php echo base_url();?>js/jquery/jquery-ui.js" type="text/javascript"></script>

<!-- flowplayer.js -->
<script src="<?php echo base_url();?>js/jquery/flowplayer-3.1.4.min.js" type="text/javascript"></script>
   
<!--  checkbox styling script -->

<script src="<?php echo base_url();?>js/jquery/utility.js" type="text/javascript"></script>
<script src="<?php echo base_url();?>js/jquery/ui.core.js" type="text/javascript"></script>
<script src="<?php echo base_url();?>js/jquery/ui.checkbox.js" type="text/javascript"></script>
<script src="<?php echo base_url();?>js/jquery/jquery.bind.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
	$('input').checkBox();
	$('#toggle-all').click(function(){
 	$('#toggle-all').toggleClass('toggle-checked');
	$('#mainform input[type=checkbox]').checkBox('toggle');
	return false;
	});
});
</script>  

<!-------------------			for image slider	------------------------>
	
                <script src="<?php echo base_url();?>sliderengine/amazingslider.js"></script>
                <script src="<?php echo base_url();?>sliderengine/initslider-1.js"></script>
	
<!-------------------			end image slider	------------------------>

<!--  styled select box script version 1 -->
<script src="<?php echo base_url();?>js/jquery/jquery.selectbox-0.5.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('.styledselect').selectbox({ inputClass: "selectbox_styled" });
});
</script>



<!--  styled select box script version 2 --> 
<script src="<?php echo base_url();?>js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" });
	$('.styledselect_form_2').selectbox({ inputClass: "styledselect_form_2" });
});
</script>

<!--  styled select box script version 3 --> 
<script src="<?php echo base_url();?>js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('.styledselect_pages').selectbox({ inputClass: "styledselect_pages" });
});
</script>

<!--  styled file upload script --> 
<script src="<?php echo base_url();?>js/jquery/jquery.filestyle.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function() {
	$("input.file_1").filestyle({ 
	image: "images/forms/upload_file.gif",
	imageheight : 29,
	imagewidth : 78,
	width : 300
	});
});
</script>

<!-- Custom jquery scripts -->
<script src="<?php echo base_url();?>js/jquery/custom_jquery.js" type="text/javascript"></script>
 
<!-- Tooltips -->
<!--<script src="<?php echo base_url();?>js/jquery/jquery.tooltip.js" type="text/javascript"></script>
<script src="<?php echo base_url();?>js/jquery/jquery.dimensions.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
	$('a.info-tooltip ').tooltip({
		track: true,
		delay: 0,
		fixPNG: true, 
		showURL: false,
		showBody: " - ",
		top: -35,
		left: 5
	});
});
</script> -->

<!--  date picker script -->
<link rel="stylesheet" href="<?php echo base_url();?>css/datePicker.css" type="text/css" />
<script src="<?php echo base_url();?>js/jquery/date.js" type="text/javascript"></script>
<script src="<?php echo base_url();?>js/jquery/jquery.datePicker.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
        $(function()
{

// initialise the "Select date" link
$('#date-pick')
	.datePicker(
		// associate the link with a date picker
		{
			createButton:false,
			startDate:'01/01/2005',
			endDate:'31/12/2020'
		}
	).bind(
		// when the link is clicked display the date picker
		'click',
		function()
		{
			updateSelects($(this).dpGetSelected()[0]);
			$(this).dpDisplay();
			return false;
		}
	).bind(
		// when a date is selected update the SELECTs
		'dateSelected',
		function(e, selectedDate, $td, state)
		{
			updateSelects(selectedDate);
		}
	).bind(
		'dpClosed',
		function(e, selected)
		{
			updateSelects(selected[0]);
		}
	);
	
var updateSelects = function (selectedDate)
{
	var selectedDate = new Date(selectedDate);
	$('#d option[value=' + selectedDate.getDate() + ']').attr('selected', 'selected');
	$('#m option[value=' + (selectedDate.getMonth()+1) + ']').attr('selected', 'selected');
	$('#y option[value=' + (selectedDate.getFullYear()) + ']').attr('selected', 'selected');
}
// listen for when the selects are changed and update the picker
$('#d, #m, #y')
	.bind(
		'change',
		function()
		{
			var d = new Date(
						$('#y').val(),
						$('#m').val()-1,
						$('#d').val()
					);
			$('#date-pick').dpSetSelected(d.asString());
		}
	);

// default the position of the selects to today
var today = new Date();


// and update the datePicker to reflect it...
$('#d').trigger('change');
});
</script>

        <script lang="javascript" type="text/javascript">
    
        /** ---------- Date & Time ------------------ **/
            <?php date_default_timezone_set('Asia/Bangkok'); ?>
            var curhour = '<?php echo date('H'); ?>'
            var curmin = '<?php echo date('i'); ?>'
            var cursec = '<?php echo date('s'); ?>'

            setInterval("settime()", 1000);
        
        </script>     


<!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
<script src="<?php echo base_url();?>js/jquery/jquery.pngFix.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(document).pngFix( );
});
</script>

   
</head>
<body oncontextmenu="return false"> 
<!-- Start: page-top-outer -->
<div id="page-top-outer">    

<!-- Start: page-top -->
<div id="page-top">

	<!-- start logo -->
	<div id="logo">
	<a href=""><img src="<?php echo base_url();?>images/shared/logo.png" width="156" height="40" alt="" /></a>
	</div>
	<!-- end logo -->
	
	<!--  start top-search -->
        
	<div id="top-search" style="font-size: 14px;color: white;font-family: Arial;">
            <?php if($this->session->userdata('username')): ?>
		<table border="0" cellpadding="0" cellspacing="0">
		<tr>
                    <td>
                        <b>User : </b><?php echo $this->session->userdata('username'); ?>&nbsp;
                    </td>
                    <td>
                        <b>Date : </b><?php echo  date("Y-m-d", time()); ?>&nbsp;
                    </td>
                    <td>
                        <span id="currtime"></span>
                    </td>
		</tr>
		</table>
            <?php else: ?>
                <?php echo form_open('Home/login') ;?>
		<table border="0" cellpadding="0" cellspacing="0">
		<tr>
                    <td>
                        <input type="text" name="username" value="Username" onblur="if (this.value=='') { this.value='Username'; }" onfocus="if (this.value=='Username') { this.value=''; }" class="top-search-inp" />
                    </td>
                    <td>
                        <input type="password" name="password" value="Password" onblur="if (this.value=='') { this.value='Password'; }" onfocus="if (this.value=='Password') { this.value=''; }" class="top-search-inp" />
                    </td>
                    <td>
                        <input type="image" src="<?php echo base_url();?>images/shared/login_btn.png"  alt="Submit Form"/>
                    </td>
		</tr>
		</table>
               <?php echo form_close();?>
            <?php endif;?>
	</div>
         
 	<!--  end top-search -->
 	<div class="clear"></div>

</div>
<!-- End: page-top -->

</div>
<!-- End: page-top-outer -->
	
<div class="clear">&nbsp;</div>
 
<!--  start nav-outer-repeat................................................................................................. START -->
<div class="nav-outer-repeat"> 
<!--  start nav-outer -->
<div class="nav-outer"> 

		<!-- start nav-right -->
		<div id="nav-right">
                    <?php if($this->session->userdata('username')): ?>
                        <div class="nav-divider">&nbsp;</div>
			<div class="showhide-account"><img src="<?php echo base_url();?>images/shared/nav/nav_myaccount.gif" width="93" height="14" alt="" /></div>
			<div class="nav-divider">&nbsp;</div>
			<a href="<?php echo base_url();?>index.php/Home/logout" id="logout"><img src="<?php echo base_url();?>images/shared/nav/nav_logout.gif" width="64" height="14" alt="" /></a>
			<div class="clear">&nbsp;</div>
		
			<!--  start account-content -->	
			<div class="account-content">
			<div class="account-drop-inner">
				<a href="<?php echo base_url();?>index.php/EditMember" id="acc-settings">Settings</a>
				<div class="clear">&nbsp;</div>
				<div class="acc-line">&nbsp;</div>
				<a href="<?php echo base_url();?>index.php/ProfileMember" id="acc-details">Personal details </a>
			</div>
			</div>
			<!--  end account-content -->
                    <?php else :?>
                        <? if($main_content != "signup_test" && $main_content != "select_course"):?>
                            <div class="nav-divider">&nbsp;</div>
                            <a style="cursor: pointer;display: block;float: left;margin: 10px 0px 0 0px;" href="<?php echo base_url();?>index.php/ForgetPassword"><img src="<?php echo base_url();?>images/forgetpass.png" width="115" height="14" alt="" /></a>
                            <div class="nav-divider">&nbsp;</div>
                            <a href="<?php echo base_url();?>index.php/Signup" id="logout"><img src="<?php echo base_url();?>images/shared/nav/signup.png" width="64" height="14" alt="" /></a>
                            <div class="clear">&nbsp;</div>
                        <?endif;?>
<!--                        <div class="nav-divider">&nbsp;</div>
                        <div class="showhide-account"><img src="<?php echo base_url();?>images/shared/nav/nav_myaccount.gif" width="93" height="14" alt="" /></div>-->
                        
                        

                    <?php endif ;?>
			
		
		</div>
		<!-- end nav-right -->


		<!-- get menu from database -->
		<?php include 'menu.php'; ?>

</div>
<div class="clear"></div>
<!--  start nav-outer -->
</div>
<!--  start nav-outer-repeat................................................... END -->
 
<div class="clear"></div>